<!DOCTYPE html>
<html>
 <head>
   <title>pc121</title>
   <meta name="description" content=""/>
   <meta charset="utf-8"/>
   <meta name="author" content="hongchun.li"/>
   <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
   <link  href="themes/css/bootstrap.css" type="text/css" rel="stylesheet"/>
   <link  href="themes/css/main.css" type="text/css" rel="stylesheet"/>
   <link  href="themes/css/module.css" type="text/css" rel="stylesheet"/>
 </head>
 <body>
 	<div id="header">
 		<div id="header-content">
	 		<div id="logo" class="pull-left">
	 				PC121.COM
	 		</div>
	 		<div id="navbar" class="navbar pull-right" >
				 <div class="navbar-inner">
					   <ul class="nav">
	 						<li   class="active"><a href="#">首页</a></li>	
	 						 <li class="divider-vertical"></li>
	  						<li><a href="#">电脑整机</a></li>	
	  						 <li class="divider-vertical"></li>
	 						<li><a href="#">电脑配件</a></li>
	 						 <li class="divider-vertical"></li>
	 						<li><a href="#">外设产品</a></li> 	
	 						 <li class="divider-vertical"></li>					
	 						<li><a href="#">办公用品</a></li>
	 						 <li class="divider-vertical"></li>
					   </ul>
				 </div>
    	   </div>		
 		</div>
 	</div>
 	
 	<div id="main">
	    <div class="hero-unit">
		    <h3>全城最低</h3>
		    <p>还等什么？ what are you waiting for .... ?</p>
	    	<p><a class="btn btn-primary">Learn more</a>
	    </p>
	    </div>
 		<div id="sidebar" class="pull-left">
 			<div class="panel">
				<div class="panel-header">
					<div class="panel-title fn-t-center">
						<!-- <i class="panel-title-icon icon-ok"></i> -->电脑、办公
					</div>
				</div>
				<div class="panel-body">
					<ul class="list">
						<li class="list-header"><a>电脑整机</a></li>
						<li class="list-item  "><a>笔记本</a></li>
						<li class="list-item  "><a>超极本</a></li>
						<li class="list-item  "><a>上网本</a></li>
						<li class="list-item  "><a>平板电脑</a></li>
						<li class="list-item  "><a>台式机</a></li>
						<li class="list-item  "><a>服务器</a></li>
						<li class="list-item  "><a>笔记本配件</a></li>
						<li class="list-item  "><a>平板电脑配件</a></li>
					</ul>
					
					<div class="clearfix"></div>
					<ul class="list" >
						<li class="list-header"><a>电脑配件</a></li>
						<li class="list-item  "><a>cpu</a></li>
						<li class="list-item  "><a>显卡</a></li>
						<li class="list-item  "><a>主板</a></li>
						<li class="list-item  "><a>硬盘</a></li>
						<li class="list-item  "><a>内存</a></li>
						<li class="list-item  "><a>机箱</a></li>
						<li class="list-item  "><a>电源</a></li>
						<li class="list-item  "><a>显示器</a></li>
						<li class="list-item  "><a>刻录机/光驱</a></li>
						<li class="list-item  "><a>散热器</a></li>
						<li class="list-item  "><a>声卡/扩展卡</a></li>
						<li class="list-item  "><a>装机配件</a></li>						
					</ul>					
 					<div class="clearfix"></div>
 					<ul class="list" >
						<li class="list-header"><a>外设产品</a></li>
						<li class="list-item  "><a href="">鼠标</a></li>
						<li class="list-item  "><a href="">键盘</a></li>
						<li class="list-item  "><a href="">移动硬盘</a></li>
						<li class="list-item  "><a href="">U盘</a></li>
						<li class="list-item  "><a href="">摄像头</a></li>
						<li class="list-item  "><a href="">外置盒</a></li>
						<li class="list-item  "><a href="">游戏设备</a></li>
						<li class="list-item  "><a href="">电视盒</a></li>
						<li class="list-item  "><a href="">手写板</a></li>
						<li class="list-item  "><a href="">鼠标垫</a></li>
						<li class="list-item  "><a href="">插座</a></li>
						<li class="list-item  "><a href="">UPS电源</a></li>
						<li class="list-item  "><a href="">线缆</a></li>
						<li class="list-item  "><a href="">电脑工具</a></li>
						<li class="list-item  "><a href="">电脑清洁</a></li>
					</ul>
					<div class="clearfix"></div>	
 					<ul class="list" >
						<li class="list-header"><a>网络产品</a></li>
						<li class="list-item  "><a href="">路由器</a></li>
						<li class="list-item  "><a href="">网卡</a></li>
						<li class="list-item  "><a href="">交换机</a></li>
						<li class="list-item  "><a href="">网络存储</a></li>
						<li class="list-item  "><a href="">3G上网</a></li>
					</ul>
					<div class="clearfix"></div>	
 					<ul class="list" >
						<li class="list-header"><a>办公打印</a></li>
						<li class="list-item  "><a href="">打印机</a></li>
						<li class="list-item  "><a href="">一体机</a></li>
						<li class="list-item  "><a href="">投影机</a></li>
						<li class="list-item  "><a href="">投影配件</a></li>
						<li class="list-item  "><a href="">传真机</a></li>
						<li class="list-item  "><a href="">复合机</a></li>
						<li class="list-item  "><a href="">碎纸机</a></li>
						<li class="list-item  "><a href="">扫描仪</a></li>
						<li class="list-item  "><a href="">墨盒</a></li>
						<li class="list-item  "><a href="">硒鼓</a></li>
						<li class="list-item  "><a href="">墨粉</a></li>
						<li class="list-item  "><a href="">色带</a></li>
					</ul>
					<div class="clearfix"></div>	
				</div>
			</div>
 		</div>
 		<div id="mainContent" class="pull-right row-fluid">
 		 	<div class="panel">
				<div class="panel-header">
					<div class="panel-title fn-t-center">
						<!-- <i class="panel-title-icon icon-ok"></i> -->121限量抢购
					</div>
				</div>
				<div class="panel-body">
		 		    <ul class="thumbnails">
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							<!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button> -->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/2.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
				    </ul>
				    
				     <ul class="thumbnails">
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
				    </ul>
				 </div>
			</div><!-- end of panel -->
			
			<div class="panel" style="margin-top:10px;">
				<div class="panel-header">
					<div class="panel-title fn-t-center">
						<!-- <i class="panel-title-icon icon-ok"></i> -->121热卖推荐
					</div>
				</div>
				<div class="panel-body">
		 		    <ul class="thumbnails">
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							<!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button> -->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
				    </ul>
				    
				     <ul class="thumbnails">
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
				    </ul>
				 </div>
			</div><!-- end of panel -->

			<div class="panel" style="margin-top:10px;">
				<div class="panel-header">
					<div class="panel-title fn-t-center">
						<!-- <i class="panel-title-icon icon-ok"></i> -->121特价专区
					</div>
				</div>
				<div class="panel-body">
		 		    <ul class="thumbnails">
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							<!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button> -->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							 <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
				    </ul>
				    
				     <ul class="thumbnails">
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
					    <li class="span3">
						    <a href="#" class="thumbnail">
						    	<img style="" src="uploads/images/1.jpg"/>
						    </a>
						    <a class="goods-name">华硕（ASUS） K45EI323VD 14英寸笔记本电脑</a>
						    <div class="goods-price">￥3399.00</div>
							  <!--  <button class="btn btn-small">加入购物车</button>
							 <button class="btn btn-small">关注</button>-->
					    </li>
				    </ul>
				 </div>
			</div><!-- end of panel -->
			
 		</div><!-- end of mainContent -->
 		<div class="clearfix"></div>
 		<div class="well" style="margin-top : 10px;">
 			
    	</div>
 	</div>
 	
 	
  <div id="footer">
  	© 2013 pc121.com 版权所有	
  </div>
 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 <script type="text/javascript" src="themes/js/component.js"></script>
 </body>
</html>